<!--
 * @Author: your name
 * @Date: 2021-07-21 21:08:23
 * @LastEditTime: 2021-07-21 21:51:12
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \noproblemi:\实训东软H5\仓库\h5_2002\编码\cat\src\views\inquiry\InServe4.vue
-->



<template>
  <div class="Opservice1-message">
    <div class="left">
      <img
        src="http://www.ananpet.com/Public/Uploads/Equipment/2018-07-18/5b4f02ff3b8eb.jpg"
        alt=""
      />
    </div>
    <div class="right">
      <h2>内科</h2>
      <div class="message" v-for="(all,index) in pagemessage" :key="index">
        {{all.messages}}
      </div>
      <el-button type="primary" round @click="ToHospital">查看门店</el-button>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      pagemessage: [
        {
          photo: 'http://www.ananpet.com/Public/Uploads/Treatment/2018-09-04/5b8e210c26c95.jpg',
          department: '猫专科',
          messages: '内科中心是国内最早设立小动物内科专科门诊的医院，在全国内科诊疗领域享有盛名。内科中心拥有最新爱德士检测设备、内分泌检测设备、急诊检测设备，并配合彩色超声设备、内窥镜检测设备，可以完成综合性老年疾病、内分泌疾病、内科复杂疾病征的诊断，配合眼科中心、骨科中心、微创中心、心脏中心对综合性复杂内科疾病会诊及术后诊疗提供强大的内科支持。'
        }
      ]
    };
  },
  methods: {
    ToHospital() {
      this.$router.push('/Hospital');
    }
  }
};
</script>

<style lang="less" scoped>
.Opservice1-message {
  display: flex;
  justify-content: space-between;
  .left {
    img {
      width: 300px;
      height: 400px;
    }
  }
  .right {
    display: flex;
    flex-direction: column;
    margin-left: 100px;
    h2 {
      border-color: white white black white;
      border-style: solid;
    }
    .message {
      margin-top: 50px;
      margin-bottom: 50px;
    }
    .el-button {
      width: 200px;
      height: 50px;
    }
  }
}
</style>